<html>
<head>
    <title>angularJS自定义控制器、事件指令</title>
    <script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
    <meta charset="utf-8"/>
    <script>
        //官方定义的模块（ng、ngRoute、ngAnimate）,使用angular.module('模块名',[])自定义模块
        //定义名称为myApp的模块
        var app = angular.module('myApp', []);
        //定义控制器($scope表达式执行的上下文，相当于控制器与视图之间得桥梁)
        app.controller('myController', function ($scope) {
            //相当于定义了一个function add()的方法
            $scope.add = function () {
                return parseInt($scope.x) + parseInt($scope.y);

            }
            $scope.reduce = function () {
                // $scope出了定义方法还可以定义变量
                $scope.res = parseInt($scope.x) - parseInt($scope.y);

            }
        });
    </script>
</head>

<body ng-app="myApp" ng-controller="myController">
<h2>自定义控制器、事件指令</h2>
x:<input ng-model="x">
y:<input ng-model="y">
结果:{{add()}}
<br>
事件指令：
<button ng-click="reduce()">运算</button>
运算结果:{{res}}
</body>
</html>
